<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>入门案例</title>
	</head>
	<body>
		<!-- 基本语法
		 1. 导入JS类库
		 2. 指定VUE渲染区域 标签体
		 3. 实例化VUE对象
		 4. 数据取值
		 -->
		 <div id="app">
			 <h1>{{msg}}</h1>
		 </div>
		 <!-- 1. 导入JS类库 -->
		 <script src="../js/vue.js"></script>
		 <!-- 2. 创建VUE对象 -->
		 <script>
			 /** 关于JS中变量定义说明：
			 1. var没有作用域的概念，容易出现安全性的问题，类似于成员变量
			 2. let 作用于var类似。有作用域的概念，类似于局部变量
			 3. const定义常量
			 */
			 const app = new Vue({
				 el: "#app",
				 data: {
					 msg: "vue案例 哈哈哈"
				 }
			 });
		 </script>
	</body>
</html>
